<div data-page="moviedetail" class="page">
    <div class="page-content bg-white">
        <div class="content-block moviedetail" style="margin: 0px;padding: 0px" data-mid="{{movie.mid}}">
            <div style="width: 100%;height: 200px;margin: 0px;padding: 0px;background-color: #00bcd4; text-align:center;">
                <img height="160px" width="120px" class="lazy lazy-loaded lazy-fadeIn" data-src="{{movie.poster}}"
                     style="
                margin-top: 5px;
                padding:2px;background: #fff;
                -moz-box-shadow:2px 2px 10px #777;-webkit-box-shadow:2px 2px 10px #777;box-shadow:2px 2px 10px #777;"
                     onerror='this.src="{{static 'img/movieNull.jpg'}}"'></div>
        </div>
        <div class="list-block media-list">
            <div class="item-content" style="position: absolute;top: 120px;width: 100%">
                <div class="item-media radius picture" style="padding-top: 10px; width: 100%">
                    <div class="item-inner">
                        <div class="item-title-row"
                             style="padding-top: 30px;text-shadow: 2px 2px 2px #000;font-size: large;color: white">
                            <div class="item-title moviename"> {{movie.movie_name}}</div>
                        </div>
                        <div class="item-title-row" style="margin-top: 35px ;">
                            <div class="item-subtitle">{{movie.filmlength}}</div>
                            <div class="left" style="color: red;">{{movie.score}}分</div>
                        </div>
                        <div class="item-subtitle" style="margin-top: 10px;overflow: hidden;">{{movie.category}}</div>
                        <div class="item-title-row">
                            <div class="item-subtitle" style="font-size: small;margin-top: 10px">{{movie.publishdate}}
                                上映
                            </div>
                            <div class="item-after"><i
                                    class="collect icon iconfont {{#if isCollection}}icon-xin4{{else}}icon-xin3{{/if}}"
                                    style="font-size: 22px"></i></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card" style="margin: 104px 0px 0px 0px;width: 100%;box-shadow:0px 0px 0px 0px;background: none">
                <div class="card-content">
                    <div class="card-content-inner">
                        <h3 style="text-align: center">电影详情</h3>
                        <div class="row">
                            <div class="left detail" style="-webkit-line-clamp:1">导演:{{movie.director}}</div>
                            <div class="right detail">国家:{{movie.country}}</div>
                        </div>
                        <div class="row detail" style="-webkit-line-clamp:1">主演:{{movie.cast}}</div>
                        <p class="detail" style="-webkit-line-clamp:7">{{movie.brief}}</p>
                    </div>
                </div>
            </div>
        </div>


        <!--<div class="content-block" style="background-color: #efeff4;padding:0 !important;">-->
            <!--&lt;!&ndash;<div><span>最新评论</span> <span style="float: right;"><a href="comment.html?mid={{movie.mid}}">写影评</a></span></div>&ndash;&gt;-->
            <!--<div><span>最新评论</span> <span style="float: right;"><a-->
                    <!--href="newcomment?mid={{movie.mid}}">写影评</a></span></div>-->
            <!--{{#if comments}}-->
                <!--<div class="list-block media-list ">-->
                    <!--<div class="list-group cinema-group movie-group">-->
                        <!--<ul class="nobackground movie">-->
                            <!--{{#with comments}}-->
                                <!--{{#each this}}-->
                                    <!--<li>-->
                                        <!--<div class="item-content ">-->
                                            <!--<div class="item-title-row" style="width: 100%">-->
                                                <!--<div style="width: 70%">-->
                                                    <!--<img src={{headimgurl}} alt="" class="headimg"-->
                                                         <!--style="    float: left;    width: 30px;    height: 30px;    border-radius: 50%;margin-top: 5px"/>-->
                                                    <!--<div class="inline-center" style="color:#7EC0EE;padding-top: 0px">{{nickname}}  </span> </div>-->
                                                    <!--<div class="date-comment">{{create_time}}</div><div class="star-{{score}}"></div>-->
                                                <!--</div>-->
                                                <!--<div class="agree" style="float: right;margin-right: 5px">-->

                                                    <!--<span class="inline-center" id="like"-->
                                                          <!--style="float: right;vertical-align: middle; margin-left: 3px !important;">{{sums}}</span>-->
                                                    <!--{{#if agreed}}-->
                                                    <!--<div class="agreeimg agree-like" data-id="{{id}}"0-->
                                                         <!--style="float: right;width: 20px;height: 20px;vertical-align: middle;margin-top: 12px"></div>-->
                                                    <!--{{else}}-->
                                                        <!--<div class="agreeimg agree-common" data-id="{{id}}"-->
                                                             <!--style="float: right;width: 20px;height: 20px;vertical-align: middle;margin-top: 12px"></div>-->
                                                    <!--{{/if}}-->
                                                <!--</div>-->
                                            <!--</div>-->

                                        <!--</div>-->
                                        <!--<div class="item-content">-->
                                            <!--<div style="display: block">-->
                                                <!--<p class="detail comment-left" style="-webkit-line-clamp:7  ;">{{comment}}</p>-->
                                            <!--</div>-->
                                        <!--</div>-->
                                    <!--</li>-->

                                <!--{{/each}}-->
                            <!--{{/with}}-->
                        <!--</ul>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<p><a href="morecomment?mname={{movie.movie_name}}&page=1&mid={{movie.mid}}"-->
                      <!--class="button button-round active" style="margin-top:-24px;">点击查看更多评论</a></p>-->
            <!--{{else}}-->
                <!--<p>暂无影评...</p>-->
            <!--{{/if}}-->
        <!--</div>-->
    </div>
</div>

